<!doctype html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
  <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
  <link rel="stylesheet" type="text/css" href="./css/aui.css" />
  <link rel="stylesheet" type="text/css" href="./css/styleold.css" />
  <link rel="stylesheet" type="text/css" href="./css/style.css" />
  <link rel="stylesheet" type="text/css" href="./css/aui-slide.css" />
  <script type="text/javascript" src="./script/jquery.min.js"></script>
</head>
<body>
  <header class="aui-bar aui-bar-nav">
    <a class="aui-pull-left" onclick="close_show()">
      <span class="aui-iconfont aui-icon-left"></span>
    </a>
    <div class="aui-title">开户银行存管</div>
  </header>
  <div class="aui-bar-nav-d"></div>

  <ul class="register-t">
    <li class="active">
      <i></i>
      <p>手机注册</p>
    </li>
    <span class="active"></span>
    <li class="active">
      <i></i>
      <p>银行卡认证</p>
    </li>
    <span class="active"></span>
    <li class="active">
      <i></i>
      <p>开通银行存管</p>
    </li>
  </ul>

  <ul class="list">
   <li>
     <label class="title-2">姓名</label>
     <span id="user_name">*明宇</span>
   </li>
 </ul>
 <ul class="list">
   <li>
     <label class="title-2">银行卡</label>
     <span id="bank_name">中国工商银行</span>
   </li>
   <li>
     <label class="title-2">卡号</label>
     <span id="bank_card">6255************210</span>
   </li>
 </ul>
 <ul class="list">
   <li>
     <label class="title-2">身份证号</label>
     <span id="id_card">230802********0611</span>
   </li>
<!--    <li>
     <label class="title-2">验证码</label>
     <span>135****5610</span>
   </li>
   <li>
     <label class="title-1">银行卡</label>
     <input class="text-5" type="text" placeholder="请输入您的手机号码">
     <button class="btn-1">获取验证码</button>
   </li> -->
   <li>
     <label class="title-2">手机号</label>
     <span id="phone_number">135****5610</span>
   </li>
   <li>
     <label class="title-1">验证码</label>
     <input class="text-5" type="text" placeholder="请输入您的验证码">
     <button class="btn-1">获取验证码</button>
   </li>
 </ul>
 <div class="register-d-t">
  <div class="aui-list-item-inner">
    <label><input class="aui-checkbox" type="checkbox" name="checkbox"> 同意<a>《委托授权书》</a></label>
  </div>
</div>


<div class="register-d"  tapmode>
  <button tapmode onclick="index('success')">开通</button>
</div>

<!-- <div class="register-confirm-bg">
  <div class="register-confirm">
    <h3>返回提示</h3>
    <p>您确定要返回吗？返回后将不会保存您
      当前的设置。</p>
      <a onclick="closeWin()">确定</a>
      <a onclick="close_confirm()">取消</a>
    </div>
  </div> -->

</body>
<script type="text/javascript" src="./script/aui-toast.js" ></script>
<script type="text/javascript" src="./script/api.js"></script>
<script type="text/javascript">
  apiready = function(){
    // api.parseTapmode();
    user_name = api.pageParam.user_name;
    id_card = api.pageParam.id_card;
    bank_card = api.pageParam.bank_card;
    phone_number = api.pageParam.phone_number;
    bank_name = api.pageParam.bank_name;


    // var user_nameEle = $api.byId('user_name');
    // user_nameEle.value = user_name;

    $('#user_name').html(user_name);
    $('#id_card').html(id_card);
    $('#bank_card').html(bank_card);
    $('#phone_number').html(phone_number);
    $('#bank_name').html(bank_name);

    // var id_cardEle = $api.byId('id_card');
    // id_cardEle.value = id_card;

    // var bank_cardEle = $api.byId('bank_card');
    // bank_cardEle.value = bank_card;

    // var phone_numberEle = $api.byId('phone_number');
    // phone_numberEle.value = phone_number;

    // var bank_nameEle = $api.byId('bank_name');
    // bank_nameEle.value = bank_name;

  }

  var toast = new auiToast({
  })

  function index(type){
    switch (type) {
      case "success":
      toast.success({
        title:"提交成功",
        duration:2000
      });
      break;
      default:
                // statements_def
                break;
              }
              var delay = 0;
              if(api.systemType != 'ios'){
            // delay = 300;
          }
          api.openWin({
            name: 'index',
            url: './index.html',
            bounces:false,
            delay: delay,
            slidBackEnabled:true,
            vScrollBarEnabled:false,
            progress:{
              type:"page"
            }
          });
        }
        function login(){
          var delay = 0;
          if(api.systemType != 'ios'){
            // delay = 300;
          }
          api.openWin({
            name: 'login',
            url: './login.html',
            bounces:false,
            delay: delay,
            slidBackEnabled:true,
            vScrollBarEnabled:false,
            progress:{
              type:"page"
            }
          });
        };
        function close_confirm(){
          $(".register-confirm-bg").hide();
        }
        function close_show(){
          $(".register-confirm-bg").show();
        }
        function closeWin(){
          api.closeWin({
          });
        }
      </script>
      </html>